@charset "utf-8";
.bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background-size: cover;
  background-color: rgba(8, 18, 32, .6);
  z-index: -10;
}
.bg-c {
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
}
h3 {
  //font-family: "微软雅黑 Bold", "微软雅黑";
  font-weight: 700;
  //font-size: 36px;
  font-size: 21px;//标题文字样式
  color: #fff;
  text-align: center;
}
.main-login {
  //width: 400px;
  //margin: 0 auto;
  //padding-top: 300px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
form {
  margin-top: 40px;
}
.form-control {
  //width: 263px;
  width:240px;
  height: 60px;
  border: none;
  //border-radius: 5px;
  color: #fff;
  font-size: 16px;
}
input {
  background-color: rgba(255, 255, 255, .4);
}
.ui-inputgroup-addon {
  //border-top-left-radius: 5px;
  //border-bottom-left-radius: 5px;
  //background-color: rgba(255, 255, 255, .4);
  //border: none;
  //padding: 13px 12px;
  //padding: 0px 0px 0px 0px;
}
.btn {
  //width: 320px;
  height: 50px;
  border-radius: 5px;
  background-color: #00c3de;
}
p {
  text-align: right;
  color: #00c0ef;
}
.logo {
  width: 82px;
  height: 60px;
  position: absolute;
  left: 30px;
  top: 100px;
}
.logo img {
  width: 82px;
  height: 60px;
}
//.ui-inputtext {
//  margin: 0;
//  outline: medium none;
//  padding: .25em;
//  font-weight: normal;
//}
//
//.ui-widget-header .ui-inputtext,
//.ui-widget-content .ui-inputtext {
//  font-weight: normal;
//}
//
//.ui-fluid .ui-inputtext {
//  width: 100%;
//  box-sizing: border-box;
//  -webkit-box-sizing:border-box;
//  -moz-box-sizing: border-box;
//}
//
//.ui-inputgroup {
//  display: -webkit-box;
//  display: -ms-flexbox;
//  display: flex;
//}
//
//.ui-inputgroup .ui-inputgroup-addon {
//  display: inline-block;
//  text-align: center;
//  min-width: 1.5em;
//  padding: 1em;
//}
//
//.ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
//  border-left: 0 none;
//}
//
//.ui-inputgroup .ui-inputtext {
//  padding-left: .5em;
//}
//
//.ui-inputgroup .ui-inputtext:not(:first-child) {
//  border-top-left-radius: 0;
//  border-bottom-left-radius: 0;
//  border-left: 0 none;
//}
//
//.ui-inputgroup .ui-inputtext:not(:last-child) {
//  border-top-right-radius: 0;
//  border-bottom-right-radius: 0;
//  border-right: 0 none;
//}
//
//.ui-inputgroup .ui-button {
//  margin-right: 0;
//  border-radius: 0;
//}
//
//.ui-fluid .ui-inputgroup .ui-button {
//  width: auto;
//}
//
//.ui-fluid .ui-inputgroup .ui-inputtext {
//  -webkit-box-flex: 1;
//  -ms-flex: 1 1 auto;
//  flex: 1 1 auto;
//}
//
//.ui-inputgroup .ui-chkbox,
//.ui-inputgroup .ui-radiobutton {
//  margin-right: 0;
//  vertical-align: bottom;
//}

///* Floating Label */
//.ui-float-label {
//  display: block;
//  position:relative;
//}
//
//.ui-float-label label {
//  font-weight:normal;
//  position:absolute;
//  pointer-events:none;
//  left: .25em;
//  top: 50%;
//  margin-top: -.5em;
//  transition: 0.3s ease all;
//  -moz-transition: 0.3s ease all;
//  -webkit-transition: 0.3s ease all;
//  color: #898989;
//  line-height: 1;
//}
//
//.ui-float-label input:focus ~ label,
//.ui-float-label input.ui-state-filled ~ label,
//.ui-float-label .ui-inputwrapper-focus ~ label,
//.ui-float-label .ui-inputwrapper-filled ~ label {
//  top:-.75em;
//  font-size:12px;
//}
//
//.ui-float-label .input:-webkit-autofill ~ label {
//  top:-20px;
//  font-size:12px;
//}
//.fa{
//  width:60px;
//  height: 60px;
//}
 .form-group{
  width:300px;
  span{
    display: inline-block;
    width: 60px;
    height:60px;
    background: rgba(255,255,255,.3);
    .fa{
      vertical-align: middle;
      color: #fff;
      margin:15px 0 0 20px;
      &.fa-user-o{
        margin-left: 19px;
        font-size: 24px;
      }
    }
  }
}
.btn-login{
  background: #39b9c6;
  border-radius: 0px;
  border-color: transparent;
  //width: 300px;

}
.btn-info[disabled]:hover{
  background: #39b9c6;
}
.btn-info:active:hover{
  background: #39b9c6;
}
.copyright{
  position: fixed;
  bottom: 30px;
  color: #fff;
  left:50%;
  transform: translate(-50%);
  text-align: center;
}
.video-bg{
  position: absolute;
  width: 100%;
  z-index: -1;
}
